<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>bookLib</title>
    <meta name="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="css/common.css" type="text/css" media="screen" />
    <!-- Libs or abstract classes -->
    <script type="text/javascript" src="js/jquery-1.5.min.js"></script>
    <script type="text/javascript" src="js/DOM.js"></script>
    <!-- WebControls  -->
    <script type="text/javascript" src="js/PopupBox.js"></script>
    <script type="text/javascript" src="js/bookLibBasic.js"></script>
    <script type="text/javascript" src="js/bookLibControls.js"></script>
    <script type="text/javascript" src="js/defaultPage.js"></script>
    <script type="text/javascript" src="js/searchPage.js"></script>
    <script type="text/javascript" src="js/loginBox.js"></script>
    <script type="text/javascript" src="js/signUpBox.js"></script>
    <script type="text/javascript" src="js/bookLib.js"></script>
    <script type="text/javascript" src="js/profilePage.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
      bookLib = new BookLib();
      bookLib.load();
      bookLib.show();
      })
    </script>
  </head> 
  <body>
    <div class="header">          
      <div class="logo clickable" id="logo">
	<span class="headerSlogan">
	  Your Small Booklib(USB)图书管理系统
	</span>
      </div>
      
      <div class="headerSearchBox">
	<input type="text" name="keyword" value="keyword" class="headerSearchInput" id="headerSearchInput"/>
	<ul class="dropDownHint" id="headerDropHint"> </ul>
	<div class="searchIcon clickable" id="headerSearchSummit"> </div> 
      </div>
      
      <div class="userMenu right">

	<div id="usernameTab"class="clickable downTab back tabUsername">
	  <div class="left">
	    <div class="right">
	      <div class="center">
		<h1 id="username">用户名</h1>
	      </div>
	    </div>
	  </div>
	</div>
	<div id="loginTab"class="clickable downTab back tabLoginAction">
	  <div class="left">
	    <div class="right">
	      <div class="center">
		<h1 id="loginAction">登录</h1>
	      </div>
	    </div>
	  </div>
	</div>
	<!-- *SETTING* this may not be used at current version -->
	<div id="settingTab" class="clickable downTab back tabSetting">
	  <div class="left">
	    <div class="right">
	      <div class="center">
		<h1  id="setting">设置</h1> 
	      </div>
	    </div>
	  </div>
	</div>
	
	<div id="searchTab" class="clickable downTab back front tabSearch">
	  <div class="left">
	    <div class="right">
	      <div class="center">
		<h1 id="tabSearch">搜索</h1>
	      </div>
	    </div>
	  </div>
	</div>
      </div>
    </div>
    <div class="body">
      <!-- this is #body is for ajaxUse -->
      <div class="layout" id="body"> 
      </div>
    </div>
    <div class="footer">
      <div class="layout">
	<span>©Copyright UniqueStudio MinghanWu</span>
      </div>
    </div>

  </body>
</html>
